由于HShare支持40种平台,同时显示所有这些平台会让页面显得十分臃肿。

所以我们提供了一个“更多平台”的分享按钮,其默认为一个"..."样的按钮。当光标浮动到按钮上时,一个包含所有未显示(或用户自定义)的面板将会被呈现在页面上。

与此相关的配置项为moreextended,仅当前者被设为true时后者才会生效。下面是一个例子:

$("#container").hshare({
    more: true,
    extended: [{
        name: "pengyou"
    }, {
        name: "kaixin"
    }, {
        name: "linkedin"
    }, {
        name: "twitter"
    }, {
        name: "facebook"
    }, {
        name: "heavenduke",
        template: "<a class='hshare hshare-small' target='_blank' href='https://www.heavenduke.com'><img align='top' src='https://www.heavenduke.com/favicon.ico'>HeavenDuke</a>"
    }]
});

可以看到,用户同样可以对“更多”面板中的平台进行自定义。自定义的方法与平台配置中的方法十分相似,其主要区别在于:

  1. size 参数是无效的,除非用户指定尺寸,否则图标大小默认为small.
  2. text 不论renderText被设置为true还是false,文字都是会被显示的.

其他内容请参考平台配置